<style type="text/css">
    #dict-edit.layui-fluid{
        height: calc(100% - 30px);
    }

    #dict-edit .popTitle {
        line-height: 24px;
        box-sizing: border-box;
        margin: 10px 0px;
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 10px;
        height: 35px;
        border-bottom: 1px dashed #DEDEDE
    }

    #dict-edit .titleVerticalLine {
        background-color: #1E9FFF;
        width: 3px;
        display: inline-block;
        height: 18px;
        margin-right: 8px;
        margin-bottom: -2px;
    }

    #dict-edit .deletebtn {
        float: left;
        display: block;
        padding: 5px 15px;
        margin-left: 40px;
        width: 35px;
        font-weight: 400;
        font-size: 28px;
        line-height: 25px;
        text-align: center;
        background-color: red;
        color: white;
        border-radius: 10px;
        cursor: pointer;
    }

    #dict-edit #itemContent {
        height: 520px;
        overflow-y: auto;
        overflow-x: hidden;
    }
</style>
<div class="layui-fluid" id="dict-edit">
    <form class="layui-form febs-full" action="" id="dict-edit-form" lay-filter="dict-edit-form">
        <div class="popTitle" style="font-weight: bold;"><span class="titleVerticalLine"></span>基本信息</div>
        <div class="layui-form-item febs-hide">
            <label class="layui-form-label febs-form-item-require">编号：</label>
            <div class="layui-input-block">
                <input type="text" name="dictId" class="layui-input">
                <input type="text" name="status" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label febs-form-item-require">字典编码：</label>
            <div class="layui-input-block">
                <input type="text" name="dictCode" autocomplete="off" class="layui-input"
                       maxlength="50" placeholder="请输入字典编码">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label febs-form-item-require">字典名称：</label>
            <div class="layui-input-block">
                <input type="text" name="dictName" autocomplete="off" class="layui-input"
                       maxlength="100" placeholder="请输入字典名称">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label ">字典描述：</label>
            <div class="layui-input-block">
                <textarea name="remark" maxlength="500" class="layui-textarea"
                          placeholder="请输入字典描述"></textarea>
            </div>
        </div>
        <div class="popTitle" style="font-weight: bold;">
            <span class="titleVerticalLine"></span>字典项目
            <div id="addbtn" style="text-align: center;margin: 0px 20px 0px;float: right">
                <div id="addItem" class="layui-btn layui-btn-sm">
                    <i class="layui-icon">&#xe61f;</i> 添加字典项目
                </div>
            </div>
        </div>
        <div id="itemContent" class="layui-form-item" style="height: calc(100% - 305px);">
            <!-- 字典项目区域 -->
        </div>
        <div class="layui-form-item febs-hide">
            <button class="layui-btn" lay-submit="" lay-filter="dict-edit-form-submit" id="submit"></button>
            <button type="reset" class="layui-btn" id="reset"></button>
        </div>
    </form>
</div>
<script data-th-inline="javascript">
    var dictData = [[${dict}]];
</script>
<script th:src="@{/febs/js/dict/dict/dictEdit.js}"></script>